<template>
	<view class="rider_drawer_cont">
		<view class="status_bar" :style="{height:`${statusBarHeight}px`}">
            <!-- 这里是状态栏 -->
        </view>
        <div class="account_content">
            <div class="rider_user_head">
                <div class="header">
                    <div class="head">
                        <image 
                            src="~@/static/images/defaultHead.jpg" 
                            class="defaultHeadPic" 
                            v-if="userInfo.avatarUrl==''"
                        />
                        <image 
                            :src="userInfo.avatarUrl" 
                            class="defaultHeadPic" 
                            v-else
                        />
                        <div 
                            class="headInfo" 
                            v-if="userInfo.nickname==''&&userInfo.mobile==''"
                        >
                            <div class="it">
                                <div class="fillInInfo">
                                    <div class="bkBox" >
                                        <uni-icons type="paperplane-filled" size="18" color="#fff" class="composeIcon"></uni-icons> 马上去完善
                                    </div>
                                </div>
                            </div>
                            <div class="it tipsText">
                                完善资料已为您提供更好的服务
                            </div>
                        </div>
                        <div class="headInfo" v-else>
                            <div class="it name">
                                <div 
                                    class="fillInInfo" 
                                    v-if="userInfo.nickname==''"
                                >
                                    <div class="bkBox" >
                                        <uni-icons type="paperplane-filled" size="18" color="#fff" class="composeIcon"></uni-icons> 马上去完善
                                    </div>
                                </div>
                                <div v-else>
                                    {{ userInfo.nickname }}
                                </div>
                            </div>
                            <div class="it tel">
                                <div 
                                    class="fillInInfo" 
                                    v-if="userInfo.mobile==''"
                                >
                                    <div class="bkBox" >
                                        <uni-icons type="paperplane-filled" size="18" color="#fff" class="composeIcon"></uni-icons> 马上去完善
                                    </div>
                                </div>
                                <div v-else>
                                    13528471284
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab_list">
                <div class="item_box" @click="goToOtherPage(`/riderUser/pages/my-account/my-account`)">
                    <div class="top_item">
                        <div class="left_icon left_icon1"></div>
                        <div class="middle_name">我的账户</div>
                        <uni-icons type="right" class="right_icon" color="#303030" size="20"></uni-icons>
                    </div>
                    <div class="statistics_item">
                        <div class="money_amount">
                            {{ accountOverview.toDayIncome }}
                        </div>
                        <div class="money_text">元</div>
                    </div>
                    <div class="tips_item">
                        今日预计收入
                    </div>
                </div>
                <div class="item_box">
                    <div class="top_item" @click="goToOtherPage(`/riderUser/pages/order-statistics/order-statistics`)">
                        <div class="left_icon left_icon2"></div>
                        <div class="middle_name">订单统计</div>
                        <uni-icons type="right" class="right_icon" color="#303030" size="20"></uni-icons>
                    </div>
                    <div class="statistics_item">
                        <div class="money_amount">
                            {{ accountOverview.toCompleteOrder }}
                        </div>
                        <div class="money_text">单</div>
                    </div>
                    <div class="tips_item">
                        今日已完成单
                    </div>
                </div>
            </div>

            <!-- <div class="activity_box">

            </div> -->

            <div class="common_module_box">
                <div class="module_list_title">
                    常用功能
                </div>
                <div class="module_list">
                    <div class="module_item" @click="goToOtherPage(`/riderUser/pages/my-account/my-account`)">
                        <div class="icon_box">
                            <uni-icons type="vip-filled" size="30" color="#f78748" class="uni_icon_icon"></uni-icons>
                        </div>
                        <div class="module_name">
                            我的账户
                        </div>
                    </div>
                    <div class="module_item" @click="goToOtherPage(`/riderUser/pages/order-statistics/order-statistics`)">
                        <div class="icon_box" >
                            <uni-icons type="calendar-filled" size="30" color="#a46fff" class="uni_icon_icon"></uni-icons>
                        </div>
                        <div class="module_name">
                            订单统计
                        </div>
                    </div>
                    <div class="module_item">
                        <div class="icon_box" @click="goToOtherPage(`/riderUser/pages/funds-details/funds-details`)">
                            <uni-icons type="wallet-filled" size="30" color="#fcb138" class="uni_icon_icon"></uni-icons>
                        </div>
                        <div class="module_name">
                            资金明细
                        </div>
                    </div>
                    <div class="module_item">
                        <div class="icon_box" @click="goToOtherPage(`/riderUser/pages/withdraw/withdraw`)">
                            <uni-icons type="folder-add-filled" size="30" color="#0bc76f" class="uni_icon_icon"></uni-icons>
                        </div>
                        <div class="module_name">
                            发起提现
                        </div>
                    </div>
                    <div class="module_item">
                        <div class="icon_box" @click="goToOtherPage(`/riderUser/pages/userinfo/userinfo`)">
                            <uni-icons type="gear-filled" size="30" color="#6e6e6e" class="uni_icon_icon"></uni-icons>
                        </div>
                        <div class="module_name">
                            个人中心
                        </div>
                    </div>
                    <div class="module_item">
                        <div class="icon_box" >
                            <uni-icons type="paperclip" size="30" color="#ff3369" class="uni_icon_icon"></uni-icons>
                        </div>
                        <div class="module_name">
                            条款与协议
                        </div>
                    </div>
                </div>
            </div>

            <div class="list_btn_box">
                <div class="btn_it" @click="typeShowModal">
                    退出登录
                </div>
            </div>

        </div>
	</view>
</template>

<script src="./rider-drawer-cont.ts" lang="ts"></script>

<style lang="stylus" scoped>
@import './rider-drawer-cont.styl';
</style>
